<!-- ko if:videobox -->
<div class="video JS-video_box" data-bind="with:videobox">
    <div class="box">
        <div class="video-box">
            <div class="v-box">
                <div class="mod_player relative iframe-url">
                    <div id="mod_player"></div>
                    <div class="iframesrc">
                        <button class="copy-btn">复制</button>
                        <span>把视频贴到Blog或BBS</span>
                        <input type="text" value="" data-bind="value:copy" readonly="true"/>
                    </div>
                    <!--视频播放完成弹窗S-->
                    <div id="myPopup">
                        <div class="row">
                            <div class="col-xs-8 related-videos">
                                <h1>相关视频</h1>
                                <ul data-bind="foreach:viewModel.recommendList()">
                                    <!-- ko if: $index() < 4 -->
                                    <li>
                                        <a href="" target="_blank" data-bind="attr:{'href':link}">
                                            <div class="related-video-img relative">
                                                <img src="" data-bind="attr:{'src':thumb}"/>
                                                <span class="related-video-name" data-bind="text:title"></span>
                                            </div>
                                        </a>
                                    </li>
                                    <!-- /ko -->
                                </ul>
                            </div>
                            <div class="col-xs-4 row-right relative">
                                <h1>下载66Play APP 精彩不错过</h1>
                                <p><img src="__PUBLIC__/Home/ui3/images/66play-ma.jpg"/></p> 
                                <span class="replay" onclick="Videoreplay()"><img src="__PUBLIC__/Home/ui3/images/replay.png"/>重播</span>
                            </div>
                        </div>
                    </div>
                    <div class="popbg" onclick="hid()"></div>
                    <!--视频播放完成弹窗E-->
                </div>
            </div>
            <div class="person-info">
                <div class="person-avatar relative">
                    <a href="" data-bind="attr:{'href':userLink}">
                        <img src="" alt="" data-bind="attr:{'src':avatar, 'alt':nickname}"/>
                        <!-- ko if:auth -->
                        <img src="" title="" data-bind="attr:{'src':auth.pic,'title':auth.name}" class="newG-icon">
                        <!-- /ko -->
                    </a>
                </div>
                <div class="person-infos">
                    <div class="person-info1">
                        <div class="person-name">
                            <a href="" data-bind="text:nickname, attr:{'href':userLink}"></a>
                        </div>
                        <!-- ko if:gender == '女' -->
                            <i class="female"></i>
                        <!-- /ko -->
                        <!-- ko if:gender == '男' -->
                            <i class="male"></i>
                        <!-- /ko -->
                        <div class="level" data-bind="text:level"></div>
                    </div>
                    <div class="person-info2">
                        <span>粉丝</span>
                        <span class="fans" data-bind="text:follow.fans"></span>
                        <span>视频</span>
                        <span class="follows" data-bind="text:videoCount"></span>
                    </div>
                </div>
                <div class="f-box">
                    <!-- ko if:follow.is_show -->
                    <button class="f-btn f-btn1" data-bind="css:{'f-btn1':!follow.is_follow(), 'f-btn2':follow.is_follow()}, text:follow.is_follow()?'已关注':'关注', click:follow.click"></button>
                    <!-- /ko -->
                    <div class="video-info">
                        <p>上传时间：<!-- ko text:create_date_str --><!-- /ko --></p>
                        <p>播放次数：<!-- ko text:playCount --><!-- /ko --></p>
                    </div>
                </div>
                <div class="person-do">
                    <div class="do-item" data-bind="css:{'zan':!zan.is_zan(), 'zaned':zan.is_zan()}, click:zan.click">
                        <i class="do-zan"></i>
                        <div class="do-span zan-num">赞(<!-- ko text:zan.count --><!-- /ko -->)</div>
                    </div>
                    <div class="do-item" data-bind="css:{'follow':!favour.is_favour(), 'followed':favour.is_favour()}, click:favour.click">
                        <i class="do-shou"></i>
                        <div class="do-span follow-num">收藏</div>
                    </div>
                    <div class="do-item share" title="分享" data-bind="click:shareShow">
                        <i class="do-share"></i>
                        <div class="do-span share-num">分享</div>
                        <div id="share" class="share_box">
                            <div class="bdsharebuttonbox" data-tag="share_1">
                                <a class="bds_sqq" data-cmd="sqq" title="分享到QQ"></a>
                                <a class="bds_qzone" data-cmd="qzone" href="#" title="分享到QQ空间"></a>
                                <a class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
                                <a class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
                                <a class="bds_other" data-bind="click:famulei_share" title="分享到伐木累"></a>
                            </div>
                            <div class="arr"></div>
                        </div>
                    </div>
                    <div class="do-item link" title="链接">
                        <a href="" data-bind="attr:{'href':videoLink}">
                            <i class="do-link"></i>
                            <div class="do-span link-num">链接</div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="comment-box">
            <div class="cancel" title="关闭视频窗口" data-bind="click:closePlayer"></div>
            <div class="comment-main" id="comment-main">
                <div class="comment-title">
                    <span>评论</span>
                    <span class="common-num" data-bind="text:comment.count"></span>
                </div>
                <div class="comment-content" id="comment-content" data-bind="foreach:comment.commentList">
                    <div class="comment-item">
                        <div class="comment-item-info">
                            <div class="comment-item-avatar relative">
                                <a href="" data-bind="attr:{'href':userLink}">
                                    <img src="" alt="" data-bind="attr:{'src':avatar, 'alt':nickname}"/>
                                    <!-- ko if:auth -->
                                    <img src="" title="" data-bind="attr:{'src':auth.pic, 'title':auth.name}" class="newG-icon1">
                                    <!-- /ko -->
                                </a>
                            </div>
                            <div class="comment-item-infos">
                                <div class="comment-item-time" data-bind="text:create_time"></div>
                                <div class="comment-item-name">
                                    <a href="" data-bind="text:nickname, attr:{'href':userLink}"></a>
                                </div>
                            </div>
                        </div>
                        <div class="comment-item-content" data-bind="html:content"></div>
                    </div>
                </div>
            </div>
            <div class="comment">
                <div class="com_form">
                    <div class="txt-box">
                        <textarea class="qq-content JS-comment_input" id="content" name="saytext"></textarea>
                    </div>
                    <div class="qqface-box">
                        <input type="button" class="sub_btn myBtn" value="发表" title="发表评论" data-bind="click:postComment">
                        <i class="emotion" id="em" title="表情"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- /ko -->
<script type="text/javascript">
    //关闭视频播放窗口
    var closePlayer = function() {
        $(".JS-video_box").fadeOut();
        $('.JS-comment_input').val('');
        jwplayer().pause(true);
        enable_scroll();
    }
    var shareShow = function(obj, e) {
        $(e.target).parents('.person-do').find('.share_box').toggle();
        var _uri = obj.uri;
        if (obj.dpi_levels && obj.dpi_levels.length > 1) {
           _uri = obj.dpi_levels[1].uri;
        }
        shareParam = {
            url : _COMMON.DOMAIN + _THIS.videoLink + '/id/' + obj.id + '?type=share',
            text : obj.title,
            pic : obj.thumb,
            video_url : _COMMON.DOMAIN + '/api/video/source/id/' + obj.id + '.mp4?uri=' + encodeURIComponent(_uri),
        };
        _bd_share_main.init();
    }
</script>
<style type="text/css">
    .jwplayer.aspectMode,
    .popbg{
        height: calc(100% - 40px);
    }
</style>